<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>学校班级管理系统管理平台</title>
    <script src="/javascripts/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
    <!--1.1导入bootcss.css-->
    <link rel="stylesheet" type="text/css" href="/stylesheets/bootstrap.min.css" />
    <link rel="stylesheet" href="/stylesheets/reset.css">
    <link rel="stylesheet" href="/stylesheets/index.css">
</head>

<body>
    <div class="navbar navbar-default n-header" role="navigation">
        <div class="container-fluid n-header-wrapper">
            <div class="navbar-header">
                <a class="navbar-brand jx-logo" href="index">
                    <img src="/images/logo2.jpg" alt="学院学员管理系统">
                </a>
            </div>
            <div class="navbar-wrapper">
                <ul class="nav navbar-nav nav-items">
                    <li>
                        <a class="nav-item" href="#">
                            <span>消息</span>
                        </a>
                    </li>
                    <li>
                        <a class="nav-item" href="#">
                            <span>设置</span>
                        </a>
                    </li>
                    <li class="dropdown">
                        <a class="nav-item" href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <span>安全退出</span>
                            <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="/users/exit">退出</a>
                            </li>
                            <li>
                                <a href="/users/exit">注销</a>
                            </li>
                            <li>
                                <a href="/users/exit">切换账号</a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="#">帮助</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div style="clear: both;"></div>
    <div class="main">
        <div class="container-fluid main-content">
            <div class="row main-row">
                <div class="col-md-2 left">
                    <div class="left-header">
                        当前用户:
                        <span><%= user.uname %></span>
                    </div>
                    <ul class="list-unstyled" id="c-datas"></ul>
                </div>
                <div class="col-md-10 right">
                    <div class="col-md-12 right-header">
                        当前:
                        <span class="path">首页</span>-
                        <span class="c-name">计算机1班</span>
                    </div>
                    <div class="col-md-8">
                        <span class="class-name">计算机1班</span>
                    </div>
                    <div class="col-md-4">
                        <div class="searchBox fr">
                            <div class="searchInput fl">
                                <input type="text" placeholder="用户名" />
                            </div>
                            <div class="searchBtn fl">
                                <input type="submit" value="" />
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="tools">
                            <input type="button" value="添加" class="btn" id="add-stu" />
                            <!-- <input type="button" value="编辑" class="btn" id="edit-stu"/>
                            <input type="button" value="删除" class="btn" id="del-stu" style="background:#e15829;" /> -->
                            <!-- <input type="button" value="账号授权" class="btn fr" style="background:#ef9623;width: 80px;" /> -->
                        </div>
                    </div>
                    <div class="show-datas">
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th style="width: 2%;">
                                        <input type="checkbox">
                                    </th>
                                    <th style="width: 10%;">姓名</th>
                                    <th style="width: 10%;">学号</th>
                                    <th style="width: 15%;">手机号</th>
                                    <th style="width: 8%;">性别</th>
                                    <th style="width: 8%;">年龄</th>
                                    <th style="width: 20%;">专业</th>
                                    <th style="width: 27%;">操作</th>
                                </tr>
                            </thead>
                            <tbody id="s-datas"></tbody>
                        </table>
                    </div>
                    <div class="edit-stu-info e-hidden">
                        <div class="edit-header">
                            <span>学员基本信息</span>
                            <div class="edit-close-show">
                                <object data="/images/close.svg" type="image/svg+xml"></object>
                                <button id="edit-close"></button>
                            </div>
                        </div>
                        <div class="container-fluid u-infors">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="img-wrapper">
                                        <img src="/images/udefault.png" alt="用户图像">
                                        <span>上传图像</span>
                                    </div>
                                </div>
                                <div class="col-md-9">
                                    <div class="col-md-4">
                                        <div class="e-tr">
                                            <label class="e-td" for="">姓名</label>
                                            <input class="e-td e-input" type="text" placeholder="">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="e-tr">
                                            <label class="e-td" for="">学号</label>
                                            <input class="e-td e-input" type="text" placeholder="">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="e-tr">
                                            <label class="e-td" for="">手机号</label>
                                            <input class="e-td e-input" type="text" placeholder="">
                                        </div>
                                    </div>
                                    <div class="col-md-4" role="form">
                                        <div class="e-tr">
                                            <!-- <label class="e-td" for="">性别</label><input class="e-td e-input" type="text" placeholder="新蓝剑"> -->
                                            <label class="e-td" for="">性别</label>
                                            <select id="u-select" class="e-select" style="background-color: #fff;">
                                                <option value="m">男</option>
                                                <option value="f">女</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="e-tr">
                                            <label class="e-td" for="">年龄</label>
                                            <input class="e-td e-input" type="text" placeholder="">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="e-tr">
                                            <label class="e-td" for="">专&nbsp;&nbsp;&nbsp;&nbsp;业</label>
                                            <input class="e-td e-input" type="text" placeholder="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12" style="height: 60px;line-height: 60px;text-align: right;">
                                    <button type="button" id="e-save">保存</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

</body>
<!--1.2 按顺序导入js bootcss.js是对jquery的一个工具库，所有现有jquery-->

<script src="/javascripts/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/javascripts/ls.js" type="text/javascript" charset="utf-8"></script>
<script src="/javascripts/json.js" type="text/javascript" charset="utf-8"></script>
<script src="/javascripts/shou.js"></script>
</html>